<template>
  <div>
    <h2>我是Home的内容</h2>
    <div>
      <ul class="nav nav-tabs">
        <li>
            <router-link to="/home/news" class="list-grouop-item" active-class="active">news</router-link>
        </li>
        <li>
            <router-link to="/home/messages" class="list-grouop-item" active-class="active">messages</router-link>
        </li>
      </ul>
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {
  name: "HomeVue",
};
</script>

<style scoped>
.list-grouop-item{
    width: 50px;
    border: 1px solid #ddd;
    padding: 12px;
}
</style>